import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'

// 导入全局样式表
import './assets/css/global.css'
// 导入font样式
import './assets/fonts/iconfont.css'

// 导入axios
import axios from 'axios'

Vue.config.productionTip = false

// 配置axios
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/';

// 添加请求拦截器
axios.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  config.headers.Authorization = window.sessionStorage.getItem('token');
  return config;
  // 对请求错误做些什么
}, error => Promise.reject(error));

// 添加响应拦截器
axios.interceptors.response.use(res => {
  console.log(res.data);
  if (res.data.meta.msg === '无效token') {
    Vue.prototype.$msg.error('无效的token');
    router.push('/login');
    window.sessionStorage.removeItem('token');
    // console.log(router);
  }
  if (res.data.meta.status === 401) {
    Vue.prototype.$msg.error('权限验证失败！');
  }
  return res.data;
}, error => Promise.reject(error));

// 全局挂载axios
Vue.prototype.$axios = axios;

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
